@import "./common.less";

// body{
//     background:#F5F5F5;
// }
.mobile{
    max-width: 68rem;
    width: 100%;
    // height: 8rem;
    margin: 0 auto;
    font-size: 3rem;
    .h6{
        height: 6rem !important;
    }
    .h7{
        height: 7rem !important;
    }
    .mobile-header{
        text-align: center;
        height: 8rem;
        line-height: 8rem;
        color: #fdfef8;
        background-color: #193C4A;
        font-size: 3rem;
        width: 100%;
    }
    .mobile-tx{
        width: 100%;
        height: 38rem;
        background-color: #e5e5e5;
        
        img{
            width: 100%;
            height: 100%;
        }
    }
    .mobile-info{
        color: #858585;
        font-size: 2rem;
        line-height: 4rem;
        text-align: center;
        margin: 2rem auto;
        .name{
            font-size: 4rem;
            color: #333333;
            line-height: 8rem;
        }

    }
    .mobile-flower{
        width: 65rem;
        height: 23rem;
        margin: 0 auto;
        border-radius: 1rem;
        margin-bottom: 3rem;
        border: solid 1px #5f9dab;
        text-align: center;
        .fls{
            background-color: #5f9dab;
            height: 7rem;
            line-height: 8rem;
            color:white;
        }
        .flw{
            line-height: 8rem;
            .img{
                float: left;
                margin-top: 2rem;
                margin-right: 1rem;
                height: 4rem;
            }
        }
    }
    .mobile-bg{
        background:#F5F5F5;
        height: 2rem;
    }
    .info-title{
        position: relative;
        height: 20px;
        padding-bottom: 10px;
        
        .title{
            position: absolute;
            top: 0;
            left: 0;
            padding-right: 2rem;
            background-color: white;
            font-size: 3rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 3rem;
            letter-spacing: 1px;
            color: #4d4d4d;
            padding-left:2rem ;
            border-left:1rem solid #5f9dab ;
        }
        // .line{
        //     width: 100%;
        //     padding-top: 1rem;
        //     border-bottom: dashed 1px #ebebeb;
        // }
        .w300{
            width: 300px;
        }
        
    }
    .mobile-zl{
        padding: 2rem;
        font-size: 2rem;
        
        .info-lef{
            color: #858585;
            margin-top: 2rem;
            line-height: 4rem;
            .w{
                color: #4d4d4d;
                width: 12rem;
            }
        }
       
    }
    .mobile-ly{
        padding: 2rem;
        font-size: 2rem;    
         .w510a{
            // width: 510px;
            margin:0 auto;
            .info-input{
                width: 60rem;
                padding: 2rem;
                height: 9rem;
                margin-top: 2rem;
                border: solid 1px #d9d9d9;
                border-radius: 4px;
                outline: none;
            }
            .btn{
                width: 64rem;
                height: 8rem;
                background-color: #5f9dab;
                border-radius: 1rem;
                text-align: center;
                line-height: 8rem;
                text-align: center;
                color: white;
                // line-height: 16px;
                letter-spacing: 5px;
                color: #ffffff;
                font-size: 3rem;
                cursor: pointer;
                margin-top: 2rem;
                margin-bottom: 2rem;
            }
            .c9e9e9e{
                color: #9e9e9e;
            }
            .liuyan{
                margin-top: 3rem;
                
                padding-bottom: 3rempx;
                
               .liuyan-toxiang{
                    width: 8rem;
                    height: 8rem;
                    background-color: #7088cc;
                    border: solid 1px #d9d9d9;
                    border-radius: 100%;
                    overflow: hidden;
                    margin-right: 1rem;
                    
                    img{
                        width: 100%;
                        height: 100%;
                    }
               } 
               .liuyan-name{
                   width: 55rem;
                   padding: 1rem 0rem 2rem 1rem ;
                   border-bottom: 1px dashed #ebebeb;
                   font-size: 3rem;
                   .mt10{
                       margin-top: 1rem;
                   }
                   .f2{
                       font-size: 2rem;
                   }
                   .mt5{

                   }
               }
               &:last-child{
                .liuyan-name{
                    border-bottom: 1px dashed transparent !important;
                }
            }
            }
        }
        .click-more{
            margin-top: 2rem;
            font-size: 2rem;
            color:#5f9dab;
            text-align: center;
            img{
                height: 2rem;
            }
        }
    }
}